<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>vizitky.boxdesign.cz - Výroba vizitek na míru ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:966px; height:348px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
#nextBtn { left:966px; }
#prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.gif) no-repeat 0 0; }
body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
}
</style>
</head>
<body onload="MM_preloadImages('images/social-icons/facebook.png')">
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="/">vizitky.</b><b style="color:#FFF"><img src="images/boxdesign-logo.gif" alt="logo boxdesign.cz" width="88" height="56" border="0" align="absmiddle" class="output" /></b>.cz</a></div>
      <div class="Twitter"><a href="https://www.facebook.com/" target="_blank" onmouseover="MM_swapImage('facebook.com','','images/social-icons/facebook.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/facebook-bw.png" alt="facebook.com - odkaz vede mimo web" name="facebook.com" width="30" height="30" border="0" class="Twitter-imgicon" id="Image5" /></a><a href="http://twitter.com/" target="_blank" onmouseover="MM_swapImage('twitter.com','','images/social-icons/twitter.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/twitter-bw.png" alt="twitter.com - odkaz vede mimo web" name="twitter.com" width="30" height="30" border="0" class="Twitter-imgicon" id="twitter.com" /></a><a href="http://www.flickr.com/" target="_blank" onmouseover="MM_swapImage('flickr.com','','images/social-icons/flickr.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/flickr-bw.png" alt="flickr.com - odkaz vede mimo web" name="flickr.com" width="30" height="30" border="0" class="Twitter-imgicon" id="flickr.com" /></a></div>
      <div class="clr"></div>
      <!--menu -->
      <div class="menu">
        <ul>
          <li><a href="index.html" title="Hlavní strana" class="active">Hlavní strana</a></li>
          <li><a href="o-nas.html" title="O nás">Portfolio / O nás</a></li>
          <li><a href="osobni.html" title="Navrhnout izitky">Navrhnout vizitky</a></li>
          <li><a href="http://blog.radekkolar.cz/" title="tento odkaz vede mimo web" target="_blank">Blog</a></li>
          <li><a href="kontakty.html" title="Kontakty">Kontakty</a></li>
        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider">
    <div class="slice1">
      <div class="slice2" id="slider">
        <ul>
          <li>
            <div>
              <p class="img"><img src="images/simple_text_img_1.jpg" alt="001" width="539" height="292" /></p>
              <h2>Vyrvořte si vizitku na míru podle Vás!</h2>
              <p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
				<p>&gt; <a href="o-nas.html">více informací ...</a></p>
            </div>
          </li>
          <li>
            <div>
              <p class="img"><img src="images/simple_text_img_2.jpg" alt="screen 2" width="539" height="292" /></p>
              <h2>Vyrvořte si vizitku na míru podle Vás!</h2>
          <p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
				<p>&gt; <a href="o-nas.html">více informací ...</a></p>
            </div>
          </li>
          <li>
            <div>
              <p class="img"><img src="images/simple_text_img_3.jpg" alt="screen 3" width="539" height="292" /></p>
              <h2>Vyrvořte si vizitku na míru podle Vás!</h2>
          <p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
				<p>&gt; <a href="o-nas.html">více informací ...</a></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="topi">
      <div class="blogi">
        <h2 class="what">Osobní vizitky</h2>
        <p><strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p><br />
        </p>
        <p>&gt; <a href="osobni.html" title="Osobní vizitky">pokračovat ...</a></p>
      </div>
      <div class="blogi">
        <h2 class="work">Vlastní grafika</h2>
        <p><strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p><br />
        </p>
        <p>&gt; <a href="#upload-design" title="nahrajte si vlastní grafiku vizitky">pokračovat ...</a></p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="body_resize">
      <div align="right" class="krok-1-3">

        <p class="krok-1-3"></p>
        <p class="krok-1-3"></p>
        <p class="krok-1-3">Krok 1.</p>
        <p class="krok-1-3"> </p>
        <p class="krok-1-3">Krok 2.</p>
        <p class="krok-1-3"></p>
        <p class="krok-1-3">Krok 3.</p>
        <p class="krok-1-3"></p>
      </div>
      <div class="Welcome-2">
        <h2>Jak si udělám vizitku?</h2>
        <p><strong>Fusce vehicula dignissim ligula. </strong></p>
        <div class="bg"></div>
        <p>Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. </p>
        <p>Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.</p>
        <p><img src="images/cards/card06.jpg" alt="card06" width="160" height="89" align="left" class="img-ramovani" />Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. </p>
        <p>Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. </p>
        <div class="bg"></div>
<p>Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.</p>
        <p>&nbsp;</p>
      </div>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="resize">
      <div>
        <p class="footer_logo"><a href="#www-boxdedign_cz"><img src="images/boxdesign-logo.gif" alt="logo" width="70" height="46" border="0" longdesc="/" /></a></p>
        <p>&nbsp;</p>
        <p> © Copyright 2011 || <a href="/">vizitky.boxdesign.cz</a> || Všechna práva vyhrazena<br />
          <a href="index.html">Hlavní strana</a> | <a href="contact.html">Kontakty</a> | <a href="#top"><img src="images/top-ico.gif" alt="top" width="7" height="13" border="0" align="absbottom" /></a> <a href="#top">Nahoru</a> | <a href="#RSS">RSS</a></p>
      </div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>